<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="赛诺" />
    <meta name="Description" content="飞机，太空漫游，抽奖" />
    <meta name="viewport" content="width=device-width,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" type="text/css" href="css/game_common.css" />
    <title>sinomax</title>
    <style>
        body {
            /* background: url(images/loading/bg.jpg) no-repeat top right; */
            /* background: url(images/start/bg.jpg) no-repeat top right; */
        }
    </style>
</head>

<body style="background: url(images/loading/bg.jpg) no-repeat top right;">
    <!-- 加载进度条 -->
    <div class="loading">
        <div class="logo">
            <img src="images/loading/logo.png" alt="">
        </div>
        <div class="plane">
            <span>0%</span>
            <img src="images/loading/plane.png" alt="">
        </div>
    </div>

    <!-- 主界面3 -->
    <div class="main_3">
        <img src="images/one_pic/bg.jpg" alt="">
    </div>

    <!-- 开始界面 -->
    <div class="start">
        <div class="voice">
            <img src="images/start/voice.png" alt="">
        </div>
        <div class="stone1">
            <img src="images/start/stone1.png" alt="">
        </div>
        <div class="stone2">
            <img src="images/start/stone2.png" alt="">
        </div>
        <div class="btn_start">
            <img src="images/start/btn_start.png" alt="">
        </div>
        <div class="btn_rule">
            <img src="images/start/btn_rule.png" alt="">
        </div>
        <div class="text">
            <p>2026年12月，XCOR太空飞船</p>
            <p>进行了多次穿越探索，</p>
            <p>由于长时间的宇宙飞行，</p>
            <p>宇航员们承受地球4倍的重力</p>
            <p>而导致身体极其疲惫，</p>
            <p>急需收集新科技抗压物资。</p>
            <p>在最后的三段穿越中，</p>
            <p>他们要顺利避过陨石阵到达空间站并成功收集</p>
            <p>各种抗压物资，你能帮助他们吗？</p>
        </div>
    </div>

    <!-- 开始游戏 -->
    <!-- <div class="game">
        <img src="images/game/bg.jpg" alt="">
        <div class="mask">
            <img src="images/game/mask.jpg" alt="">
            <div class="mask_close">

            </div>
        </div>
    </div> -->
    <!-- 游戏运行 -->
    <div class="universe">
        <div class="mask">
            <img src="images/game/mask.jpg" alt="">
            <div class="mask_close">

            </div>
        </div>
        <div class="start_place">
            <img src="images/game_start/earth.png" alt="">
        </div>
        <div class="plane">
            <img src="images/game_start/plane_start.png" alt="">
        </div>
    </div>

    <!-- 游戏规则 -->
    <div class="rule">
        <img src="images/rule/bg.jpg" alt="">
        <div></div>
    </div>


    <!--  -->

    <script src="js/jquery-3.2.1.min.js" charset="utf-8"></script>
    <script src="js/index.js"></script>
    <script src="js/first.js" charset="utf-8"></script>
    <!-- <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> -->
</body>

</html>